<script setup>
import Menu from '@/components/Menu.vue'
import AutoClickImg from '@i/auto-click.png'
import uploadImg from '@i/upload.png'
import memImg from '@i/mem.png'
import Popup from '@/components/common/Popup.vue'
import AutoClick from '@/components/AutoClick.vue'
import Upload from '@/components/Upload.vue'
import MemNum from '@/components/MemNum.vue'
const showAutoClick = ref(false);
const showUpload = ref(false);
const showMemNum = ref(false);
const menu = [
  {
    name: 'AutoClick',
    icon: AutoClickImg,
    click: () => {
      console.log('AutoClick')
      showAutoClick.value = true
    }
  },
  {
    name: 'Upload',
    icon: uploadImg,
    click: () => {
      console.log('upload')
      showUpload.value = true
    }
  },
  {
    name: 'Memory',
    icon: memImg,
    click: () => {
      console.log('showMemNum')
      showMemNum.value = true
    }
  },
];
</script>

<template>
  <main class="container">
    <Menu :menu="menu"></Menu>
    <Popup v-model="showAutoClick">
      <AutoClick />
    </Popup>
    <Popup v-model="showUpload">
      <Upload />
    </Popup>
    <Popup v-model="showMemNum">
      <MemNum />
    </Popup>
  </main>
</template>

<style scoped></style>
